@themeColor: #dc7725;

.grid-box {
  display: grid;
  grid-template-columns: repeat(3, 150px);
  grid-template-rows: repeat(3, 130px);
  grid-gap: 8px;
  padding: 16px;
  border-radius: 8px;
  background-color: @themeColor;
}

.grid-date-picker {
  margin-top: 20px;
  text-align: center;

  input {
    margin-left: 10px;
    border: 1px solid #d9d9d9;
    padding: 5px;
    border-radius: 5px;

    &:hover {
      border: 1px solid @themeColor;
    }
  }
}

.grid-button {
  margin-top: 20px;
  text-align: center;

  button {
    padding: 5px 15px;
    border: 2px solid @themeColor;
    border-radius: 5px;
    background-color: transparent;
    color: @themeColor;
    cursor: pointer;

    &:hover {
      box-shadow: 0 1px 8px 0 @themeColor;
    }
  }
}